<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 不能跨网站的，不能跨浏览器，不能跨设备的
        // 永久存储   --- 可以手动删除

        // setItem(key , value)     键名也是唯一的，覆盖
        // getItem(key)    获取键名对应的值  找不到返回null
        // removeItem(key)  删除
        // clear()   清空
        // key(i)



        // 添加数据
        localStorage.setItem('yy', '123');
        localStorage.setItem('cc', '666');

        // console.log(localStorage.getItem('yys'));

        // localStorage.removeItem('yy')

        // localStorage.clear();

        // date.setDate(date.getDate() + 30) 


        console.log(localStorage);

        // console.log(localStorage.key(1));

        // 循环拿到所有的数据
        for (let i = 0; i < localStorage.length; i++) {
            const key = localStorage.key(i);
            console.log(key);
            console.log(localStorage.getItem(key));
        }


    </script>

</body>

</html>